<template>
  <p>My id is {{ id }}</p>
  <router-link v-bind:to="'/users/' + id + '/profile'">头像</router-link>
  <router-link v-bind:to="'/users/' + id + '/posts'">用户</router-link><br />

  <router-view></router-view>

  <div class="block">
    <span class="demonstration">Picker with quick options</span>
    <el-date-picker v-model="value" type="date" placeholder="Pick a day" :disabled-date="disabledDate"
      :shortcuts="shortcuts" />
  </div>
</template>
<script>
import { value, disabledDate, shortcuts } from '@/composables/datapicker.js'

export default {
  props: ['id'],
  name: "App",
  data() {
    return {
      value, disabledDate, shortcuts
    }
  },
  components: {},
  mounted() {
    console.log(this.$route.params.id)
  }
}
</script>

